:root {
  /* 亮色主题变量 */
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9fa;
  --text-primary: #333333;
  --text-secondary: #666666;
  --border-color: #eeeef0;
  --shadow-color: rgba(0, 0, 0, 0.1);
  --header-bg: #ffffff;
  --sidebar-bg: linear-gradient(180deg, #1a237e 0%, #0d47a1 100%);
  --card-bg: #ffffff;
}

/* 深色主题变量 */
.dark-theme {
  --bg-primary: #1a1a1a;
  --bg-secondary: #2d2d2d;
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --border-color: #404040;
  --shadow-color: rgba(0, 0, 0, 0.3);
  --header-bg: #2d2d2d;
  --sidebar-bg: linear-gradient(180deg, #0d1117 0%, #1a1f2d 100%);
  --card-bg: #2d2d2d;
}

/* 应用主题变量 */
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  transition: all 0.3s ease;
}

.main-header {
  background-color: var(--header-bg) !important;
}

.main-content {
  background-color: var(--bg-secondary) !important;
}

.sidebar {
  background: var(--sidebar-bg) !important;
}

/* 卡片样式 */
.el-card {
  background-color: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

/* 文本颜色 */
.el-card__header {
  color: var(--text-primary) !important;
}

.el-table {
  background-color: var(--card-bg) !important;
  color: var(--text-primary) !important;
}

.el-table th,
.el-table tr {
  background-color: var(--card-bg) !important;
}

.el-table--border,
.el-table--group {
  border-color: var(--border-color) !important;
}

.el-table td,
.el-table th.is-leaf {
  border-bottom: 1px solid var(--border-color) !important;
}

/* Element UI 组件暗色主题适配 */
.dark-theme {
  /* 表格 */
  .el-table {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
  }
  
  .el-table th,
  .el-table tr {
    background-color: var(--card-bg) !important;
  }
  
  /* 输入框 */
  .el-input__inner {
    background-color: var(--bg-primary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
  }
  
  /* 下拉菜单 */
  .el-select-dropdown {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
  }
  
  .el-select-dropdown__item {
    color: var(--text-primary) !important;
  }
  
  /* 对话框 */
  .el-dialog {
    background-color: var(--card-bg) !important;
  }
  
  .el-dialog__title {
    color: var(--text-primary) !important;
  }
  
  /* 标签页 */
  .el-tabs__item {
    color: var(--text-secondary) !important;
  }
  
  .el-tabs__item.is-active {
    color: var(--primary-color) !important;
  }
  
  /* 分页 */
  .el-pagination {
    color: var(--text-primary) !important;
    background-color: var(--card-bg) !important;
  }
  
  /* 按钮 */
  .el-button--default {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
  }
} 